/* eslint no-plusplus: 0 */
import AvatarUploader from './widgets/forms/AvatarUploader.vue'
import Bar from './widgets/chart/BarChart'
import Button from './ui/WootButton'
import Code from './Code'
import ColorPicker from './widgets/ColorPicker'
import ConfirmDeleteModal from './widgets/modal/ConfirmDeleteModal.vue'
import ConfirmModal from './widgets/modal/ConfirmationModal.vue'
import ContextMenu from './ui/ContextMenu.vue'
import DeleteModal from './widgets/modal/DeleteModal.vue'
import DropdownItem from '@/yichat.web.share/components/ui/dropdown/DropdownItem'
import DropdownMenu from '@/yichat.web.share/components/ui/dropdown/DropdownMenu'
import FeatureToggle from './widgets/FeatureToggle'
import HorizontalBar from './widgets/chart/HorizontalBarChart'
import Input from './widgets/forms/Input.vue'
import Label from './ui/Label'
import LoadingState from './widgets/LoadingState'
import Modal from './Modal'
import ModalHeader from './ModalHeader'
import ReportStatsCard from './widgets/ReportStatsCard'
import SidemenuIcon from './SidemenuIcon'
import Spinner from '@/yichat.web.share/components/Spinner'
import SubmitButton from './buttons/FormSubmitButton'
import Tabs from './ui/Tabs/Tabs'
import TabsItem from './ui/Tabs/TabsItem'
import Thumbnail from './widgets/Thumbnail.vue'

const WootUIKit = {
  AvatarUploader,
  Bar,
  Button,
  Code,
  ColorPicker,
  ConfirmDeleteModal,
  ConfirmModal,
  ContextMenu,
  DeleteModal,
  DropdownItem,
  DropdownMenu,
  FeatureToggle,
  HorizontalBar,
  Input,
  Label,
  LoadingState,
  Modal,
  ModalHeader,
  ReportStatsCard,
  SidemenuIcon,
  Spinner,
  SubmitButton,
  Tabs,
  TabsItem,
  Thumbnail,
  install (Vue) {
    const keys = Object.keys(this)
    keys.pop() // remove 'install' from keys
    let i = keys.length
    while (i--) {
      Vue.component(`woot${keys[i]}`, this[keys[i]])
    }
  },
}

if (typeof window !== 'undefined' && window.Vue) {
  window.Vue.use(WootUIKit)
}

export default WootUIKit
